<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <title th:text="${companyProfile.name}"></title>
    <meta name="keywords" th:content="${companyProfile.seoKeyword}"/>
    <meta name="description" th:content="${companyProfile.seoDescription}"/>
    <link rel="icon" href="/static/favicon.png"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../static/css/animate.css">
    <link rel="stylesheet" href="../static/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../static/css/css.css">
    <link rel="stylesheet" href="../static/css/about.css">
</head>
<body data-ind="1" ontouchstart="">
<style>
    table {
        margin: 0px auto;
    }
</style>
<div th:replace="menu :: menu"></div>
<div class="mohead clearfix">
    <a class="logoBox" href="/" rel="noopener noreferrer"><img th:src="${companyProfile.logo}"></a>
    <div class="menu">
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<div class="maskout">
    <img src="../static/picture/close.png">
</div>

<div th:replace="m-menu :: m-menu"></div>

<div class="leg"></div>
<div id="banner-box">
    <img src="http://120.25.100.147/uploads/cunshe/company.jpg" alt="banner">
    <div class="inbox">
        <div class="title-box">
            <div class="cn wow fadeInUp_qs50" ms="ms">公司介绍</div>
        </div>
        <div class="info wow fadeInUp_qs50" ms="ms"></div>
    </div>
</div>
<div class="k-box wow fadeInUp_qs50" ms="ms">
    <div id="navbar-box">
        <div class="inbox clearfix">
            <a href="/companyProfile" class="cur">公司介绍 </a>
            <a href="/cooperativeCustomers" class="">合作客户 </a>
        </div>
    </div>
</div>
<div class="about_a">
    <div class="wrap">
        <div class="block-title-box">
            <div class="cn wow fadeInUp_qs50" ms="ms">公司简介</div>
            <div class="en wow fadeInUp_qs50" ms="ms">Company Profile</div>
        </div>
        <div class="content wow fadeInUp_qs50" ms="ms">
            <p th:text="${companyProfile.profile}"></p>
        </div>
        <div class="pftip-box clearfix wow fadeInUp_qs50" ms="ms">
            <div class="lt-box">
                <div class="tl" th:text="${companyProfile.worth}"></div>
                <div class="te" th:text="${companyProfile.name}"></div>
            </div>
            <div class="rt-box clearfix">
                <div class="box">
                    <div class="tp">
                        <span class="counter big" th:text="${year}"></span><span class="big">+</span>
                    </div>
                    <div class="bm">成立</div>
                </div>
                <div class="box">
                    <div class="tp">
                        <span class="counter big" th:text="${companyProfile.serviceProvince}"></span><span
                            class="big">+</span>省市自治区
                    </div>
                    <div class="bm">的产品和服务覆盖</div>
                </div>
                <div class="box">
                    <div class="tp">
                        <span class="counter big" th:text="${companyProfile.serviceOffice}"></span><span
                            class="big">+</span>办事处
                    </div>
                    <div class="bm">多年行业经验技术团队</div>
                </div>
            </div>
        </div>
    </div>
    <div class="bgimg wow fadeInUp_qs50" ms="ms">
        <img src="../static/about_02.jpg" alt="">
    </div>
</div>
<div class="about_b">
    <div class="wrap">
        <div class="block-title-box">
            <div class="cn wow fadeInUp_qs50" ms="ms">企业文化</div>
            <div class="en wow fadeInUp_qs50" ms="ms">Corporate Culture</div>
        </div>
        <ul class="base-ul">
            <li class="clearfix">
                <div class="imgbox wow fadeInUp_qs50" ms="ms">
                    <img class="" th:src="${companyProfile.corporateCultureImage}" alt="">
                </div>
                <div class="text-box wow fadeInUp_qs50" ms="ms">
                    <div class="info">
                        <div class="in" th:text="${companyProfile.corporateCulture}">
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<div th:replace="footer :: footer"></div>

</body>
<script src="../static/js/swiper-3.4.2.min.js"></script>
<script src="../static/js/jquery-1.11.3.min.js"></script>
<script src="../static/js/jquery.countup.min.js"></script>
<script src="../static/js/jquery.waypoints.min.js"></script>
<script src="../static/js/wow.min.js"></script>
<script src="../static/js/common.js"></script>
<script>
    $(function () {
        $(".counter").countUp();
    })
</script>
</html>